<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>Document</title>
    <link rel="stylesheet" href="./css/reset.css">
</head>
<style>
    .items {
        width: 190px;
        height: 470px;
        overflow: hidden;
        margin: 50px auto;
        background-color: blueviolet;
    }

    .items img {
        width: 100%;

    }

    .items li {
        margin-bottom: 10px;
    }
</style>

<body>
    <ul class="items">
        <li>
            <a href="javascript:;"><img src="./img/1.jpg" alt="">
            </a>
        </li>
        <li>
            <a href="javascript:;"><img src="./img/2.jpg" alt="">
            </a>
        </li>
        <li>
            <a href="javascript:;"><img src="./img/3.jpg" alt="">
            </a>
        </li>
    </ul>
</body>

</html>